// @function antCheckboxFn($checkbox-prefix-cls: "#{ant-prefix}-checkbox") {
    // $checkbox-prefix-cls: "#{$ant-prefix}-checkbox";
    $checkbox-prefix-cls: "bricks-tree-checkbox";
    // $checkbox-inner-prefix-cls: "#{$checkbox-prefix-cls}-inner";
    $checkbox-inner-prefix-cls: "bricks-tree-checkbox-inner";
    $checkbox-color: "red";
    $checkbox-size: 10;
    $border-width-base: 1;
    $border-style-base: 'solid';
    $border-color-base: 'green';
    $disabled-color: 'black';
    $input-disabled-bg: '#999';
    // 一般状态
    .bricks-tree-checkbox {
      white-space: nowrap;
      cursor: pointer;
      outline: none;
      display: inline-block;
      line-height: 1;
      position: relative;
      vertical-align: middle;
      // top: 0.5px;
      width: 14px;
      height: 14px;
      border: 1px solid #b8b8b8;
      // margin-top: 2px;

      .bricks-tree-checkbox-wrapper:hover &-inner,
      &:hover &-inner,
      &-input:focus + &-inner {
        border-color: $checkbox-color;
      }

      &-checked:after {
        // position: absolute;
        // top: 0;
        // left: 0;
        // width: 100%;
        // height: 100%;
        // border-radius: $button-radius;
        // border: 1px solid red;
        // content: '';
        // animation: antCheckboxEffect 0.36s ease-in-out;
        // animation-fill-mode: both;
        // visibility: hidden;
      }

      &:hover:after,
      .bricks-tree-checkbox-wrapper:hover &:after {
        visibility: visible;
      }

      &-inner {
        // position: relative;
        // top: 0;
        // left: 0;
        // display: block;
        // width: $checkbox-size;
        // height: $checkbox-size;
        // border: $border-width-base $border-style-base $border-color-base;
        // border-radius: $button-radius;
        // background-color: #fff;
        // transition: all .3s;

        &:after {
          // $check-width: ($checkbox-size / 14) * 5px;
          // $check-height: ($checkbox-size / 14) * 8px;
          // transform: rotate(45deg) scale(0);
          // position: absolute;
          // left: ($checkbox-size - $check-width) / 2 - 0.5px * ($checkbox-size / 14);
          // top: ($checkbox-size - $check-height) / 2 - 2px * ($checkbox-size / 14);
          // display: table;
          // width: $check-width;
          // height: $check-height;
          // border: 2px solid #fff;
          // border-top: 0;
          // border-left: 0;
          // content: ' ';
        //   transition: all .1s $ease-in-back;
        // font-family:"bricks-icon" !important;
        // font-size: 14px;
        // color: #b8b8b8;
        // content: "\E61c";
        // position: absolute;
        // left: 0;
        // top: 0.5px;
        }
      }

      &-input {
        position: absolute;
        left: 0;
        z-index: 1;
        cursor: pointer;
        opacity: 0;
        top: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
      }
    }

    // 半选状态
    // .bricks-tree-checkbox-indeterminate .bricks-tree-checkbox-inner::after {
      // $indeterminate-width: ($checkbox-size / 14) * 8px;
      // $indeterminate-height: ($checkbox-size / 14) * 1px;
      // content: ' ';
      // display: inline-block;
      // font-family:"bricks-icon" !important;
      // content: "\E613";
      // transform: scale(1);
      // position: absolute;
      // left: ($checkbox-size - 1 - $indeterminate-width) / 2;
      // top: ($checkbox-size - 3 - $indeterminate-height) / 2;
      // left: 1.64286px;
      // top: -0.85714px;
      // width: 14px;
      // height: 14px;
    // }

    // .bricks-tree-checkbox-indeterminate .bricks-tree-checkbox-inner {
    //   &:before {
    //     content: "\E613";
    //   }
    // }

    .bricks-tree-checkbox-indeterminate.bricks-tree-checkbox-disabled .bricks-tree-checkbox:after {
      border-color: '#666';
    }

    // 选中状态
    .bricks-tree-checkbox-checked {
      border: 1px solid #e22e33;
    }
    .bricks-tree-checkbox-checked .bricks-tree-checkbox-inner:after {
      font-family:"bricks-icon" !important;
      font-size: 10px;
      color: #e22e33;
      content: "\E614";
      transform: scale(0.9);
      position: absolute;
      top: 0px;
      left: 0px;
    }

    .bricks-tree-checkbox-checked,
    .bricks-tree-checkbox-indeterminate {
      .bricks-tree-checkbox-inner {
        background-color: $checkbox-color;
        border-color: $checkbox-color;
      }
    }

    .bricks-tree-checkbox-disabled {
      cursor: not-allowed;

      &.bricks-tree-checkbox-checked {
        .bricks-tree-checkbox-inner:after {
          // animation-name: none;
          border-color: $disabled-color;
        }
      }

      .bricks-tree-checkbox-input {
        cursor: not-allowed;
      }

      .bricks-tree-checkbox-inner {
        border-color: $border-color-base !important;
        background-color: $input-disabled-bg;
        &:after {
          // animation-name: none;
          border-color: $input-disabled-bg;
        }
      }

      & + span {
        color: $disabled-color;
        cursor: not-allowed;
      }
    }

    .bricks-tree-checkbox-wrapper {
    //   .reset-component;
      line-height: unset;
      cursor: pointer;
      display: inline-block;
      & + & {
        margin-left: 8px;
      }
    }

    .bricks-tree-checkbox-wrapper + span,
    .bricks-tree-checkbox + span {
      padding-left: 8px;
      padding-right: 8px;
    }

    .bricks-tree-checkbox-group {
    //   .reset-component;
      display: inline-block;
      &-item {
        display: inline-block;
        margin-right: 8px;
        &:last-child {
          margin-right: 0;
        }
      }
      &-item + &-item {
        margin-left: 0;
      }
    }

// }


  @keyframes antCheckboxEffect {
    0% {
      transform: scale(1);
      opacity: 0.5;
    }
    100% {
      transform: scale(1.6);
      opacity: 0;
    }
  }
